<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    {% block mytitle %}
    	<title>Base</title>
    {% endblock %}

    <link rel="stylesheet" href="/static/common.css">

{#    {% block style %}#}
{#        <style>#}
{#            /*我现在解决的是导航的问题，不是css的问题，css的问题是别的问题#}
{#            如果我这里能做到  那么就证明别的也能做到  所以 等我学的时候再说*/#}
{#            .active{#}
{#                color: red;#}
{#            }#}
{#        </style>#}
{#    	#}
{#    {% endblock %}#}



</head>
<body>
<a href="/music_index" class="music">音乐频道</a>
<a href="/sport_index" class="sport">体育频道</a>

<p>{{ lst }}</p>
<br>
{% block info %}
	这是主页
{% endblock %}
<br/>

<h3>有任何问题请联系xxxx</h3>

{% block script_s %}

{% endblock %}

<script type="text/javascript">
    //我自己使用dom都能把导航这个实现了，就我这点js水平都能实现了
    //其他的大牛肯定也能实现，所以，这个不用担心，有现成的就用现成的
    //基本上很少要自己来写 总之我现在能实现  其他的也可以
    //只是现在没学而已  那就等以后学到了再说
    let current = document.getElementById('current').value
    let active_nav = document.getElementsByClassName(current)[0]
    active_nav.classList.add('active')
    console.log(current)
    console.log(active_nav)
</script>

</body>
</html>